.toolbar-title{
  color: $ft-color-primary;
  font-weight: 700;
  font-size: 20px;
  font-family : Arial;
}
.ft-tab-my {
    font-family : Arial;
  width: 100%;
  height: 100%;
  background-color:$ft-color-white;
  border-bottom: none;
  .bottons{
    img {
      width: 25px;
      height: 25px
    }
    .bottimg{
      padding-left: 15px
    }
  }
  .my-head{
      height:150px;
      width:100%;
      background-color:$ft-color-primary;
      text-align: center;
  }
  .head-welcome{
      padding-top: 30px;
      color: $ft-color-white;
      font-size:10;
      font-size: 20px;
  }
  .head-name{
      color: $ft-color-white;
      padding-top: 20px;
      font-size: 25px;
  }
}
.ft-tab-my-login{
    font-family : Arial;
  width: 100%;
  height: 100%;
  background-color:$ft-color-white;
  .registration{
      padding-top: 70%;
      text-align:center;
      font-size: 15px;
  }
  .butt1{
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
  }
  .wrongmessage{
      color:$ft-color-red;
      padding-top: 5px;
      padding-left: 10px;
      height: 15px;
  }
  .forgetpaw{
      text-align: right;
      padding-top: 10px;
      font-size: 15px;
      padding-right: 10px;
      a{
        color:$ft-color-black;
      }
  }
}
.ft-tab-my-conference{
    font-family : Arial;
  width: 100%;
  height: auto;
  background-color:#F1F1F1;
  .con{
      margin-bottom: -20px;
  }
  .neirong{
      color: $ft-color-gray;
      font-size:14px;
      div{padding-top: 4.5px;}
  }   
  .conference{
      display: flex;
      flex:left;
      width: 100%;
      height: 40px;
      font-size:20px;
      color: $ft-color-black1;
  }
  .conferences{
      display: flex;
      padding-top: 10px;
      flex:left;
      width: 80%;
     
      overflow: hidden;
      white-space: nowrap; 
      text-overflow: ellipsis;
      color: $ft-color-black1;
      font-size:20px;
  }
  .edit{
      width: 20%;
      padding-top: 10px;
      padding-left: 20px;
      color: $ft-color-black1;
      
  }
  a{
      color:$ft-color-black;
  }
  .buttom{
      display: flex;
      flex:left;
      color: $ft-color-black1;
      height: 30px;
      
  }
  .topay{
      border-right-width: 2px;
      padding-left: 20px;
      width: 45%;
      font-size:20px;
  }
  .cancel{
    
      color: $ft-color-black1;
      width: auto;
      font-size:20px;
      padding-left: 20px;
      
  }
   .cance2{
    padding-left: 25%;
      color: $ft-color-black1;
      width: auto;
      font-size:20px;
      
  }
    .cance3{
   width: 1px;
   height: 110%;
   background-color: #F1F1F1;
      
  }
}
.ft-tab-my-forget{
    font-family : Arial;
  width: 100%;
  height: 100%;
  background-color:$ft-color-white;
  .wrongmessage{
      color:$ft-color-red;
      padding-top: 5px;
      padding-left: 10px;
      height: 15px;
  }
  .butt1{
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
  }
}
.ft-tab-my-registration{
    font-family : Arial;
  width: 100%;
  height: 100%;
  background-color:$ft-color-white;
  .wrongmessage{
      color:$ft-color-red;
      padding-top: 5px;
      padding-left: 10px;
      height: 15px;
  }
  .butt1{
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
  }
  .login{
      padding-top: 20%;
      text-align:center;
      font-size: 15px;
  }
}
.ft-tab-my-information{
    font-family : Arial;
      width: 100%;
      height: 100%;
      background-color:$ft-color-white;  
      .butt1{padding: 0px;margin-top: 30px;}
      .information{
          background-color:$ft-color-black3;
          width: 100%;
          height: 50px;
          font-size: 20px;
          padding-left: 15px;
          padding-top: 12px;
          }
}
.ft-tab-my-changepaw{
    font-family : Arial;
  width: 100%;
  height: 100%;
  background-color:$ft-color-white;
  .wrongmessage{
      padding-left: 10px;
      padding-top: 10px;
      color:$ft-color-red;
  }
  .butt1{
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
  }
}
.ft-tab-my-contact{
    font-family : Arial;
  width: 100%;
  height: 100%;
  background-color: $ft-color-white;
  .contact-text-1{
      padding-top: 20px;
      padding-left: 20px;
      font-size: 20px;
      
      color: $ft-color-gray;
     .contact-email{
     width: 100%;
     height: 30px;
  }
       .contact-e{
      width: 100%;
      height: 30px;
  }
  }
 
  
}
.ft-tab-my-about-a{
    font-family : Arial;
     width: 100%;
  height: 100%;
  background-color: #fff;
  text-align: center; 
  
  .about-img{
      width: 100%;
      height: 100px;
      img{padding-top: 30px;}
  }
  .downloadbutton{
      background-color:$ft-color-white;
      box-shadow: 0.5px 0.5px 0.5px #b2b2b2,  0.5px 0.5px 0.5px #b2b2b2;
      width:100px;      
      height: 5%;
  }
  .v-message{
      font-size: 20px;
      
      padding-top: 15%;
  }
  hr{
      width: 50px;
      margin-top: 3px;
  }
  .welcome{
      font-size: 20px;
      height: 5%;
  }
  .message{
      font-size: 15px;
      color: $ft-color-gray;
      padding-top: 30%;
      
  }
}
.ft-tab-my-description{
    font-family : Arial;
  width: 100%;
  height:100%;
  background-color: $ft-color-white;
  .title{
      text-align: center;
      font-size: 20px;
      padding-top: 30px;
  }
  .text{
      font-size: 20px;
      white-space: normal;
  }
  .textemp{
      height: 20px;
  }
  .xunhuan{
      padding-top: 20px;
      padding-left: 10px;
      padding-right: 10px;
      color:$ft-color-gray;
  }
}

.neirong{
    font-family : Arial;
    color: $ft-color-gray;
    .conference{
        display: flex;flex:left;
        }
    .edit{
        padding-left: 40%
        }
    a{
        color:$ft-color-black;
    }
    .buttom{
        display: flex;flex:left;
        }
    .topay{
        border-right-width: 2px
        }
    .cancel{
        padding-left: 37%
        }
}
.ft-tab-my-forget{
    font-family : Arial;
    width: 100%;
    height: 100%;
    background-color:$ft-color-white;
    .wrongmessage{
        color:$ft-color-red;
        padding-top: 5px;
        padding-left: 10px;
        height: 15px;
        }
    .butt1{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        }
}
.ft-tab-my-registration{
    font-family : Arial;
    width: 100%;
    height: 100%;
    background-color:$ft-color-white;
    .wrongmessage{
        color:$ft-color-red;
        padding-top: 5px;
        padding-left: 10px;
        height: 15px;
        }
    .butt1{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        }
    .login{
        padding-top: 20%;
        text-align:center;
        font-size: 15px;
        }
    .button1{
        padding: 4px;
        }
}

.ft-tab-my-changepaw{
    font-family : Arial;
    width: 100%;
    height: 100%;
    background-color:$ft-color-white;
    .wrongmessage{
        padding-left: 10px;
        padding-top: 10px;
        color:$ft-color-red;
        }
    .butt1{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        }
}
.ft-tab-my-contact{
    font-family : Arial;
    width: 100%;
    height: 100%;
    background-color: $ft-color-white;
    .contact-text{
        padding-top: 20px;
        padding-left: 20px;
        font-size: 20px;
        display: flex;
        padding-right: 20px;
        color: $ft-color-gray;
        }
    .contact-e{
        width: 50%;
        white-space: normal;
        display: flex;
        flex:none;
        width:70px;
        height: 100px;
        }
    .contact-email{
        white-space: normal;
        width: 80%;
        height: 50px;
        }
}
.ft-tab-my-about{
    font-family : Arial;
    .downloadbutton{
            box-shadow: 1px 1px 1px #b2b2b2, inset 1px 1px 1px #b2b2b2;
        width:100px;
         height: 5%;
         }
    width: 100%;
    height:100%;
    background-color: $ft-color-white;
    text-align: center;
    .about-img{
        width: 100%;
        height: 170px;
        padding-top: 30px;
        }
    
    .v-message{
        font-size: 20px;
        margin-top: 40px;
        }
    hr{
        width: 50px;
        margin-top: 3px;
        }
    .welcome{
        font-size: 20px;
        height: 5%;
        }
    .message{
        font-size: 15px;
        color: $ft-color-gray;
        padding-top: 40%;
        }
}
.ft-tab-my-description{
    font-family : Arial;
    width: 100%;
    height:100%;
    background-color: $ft-color-white;
    .title{
        text-align: center;
        font-size: 20px;
        padding-top: 30px;
        }
    .text{
        font-size: 20px;
        white-space: normal;
        }
    .textemp{
        height: 20px;
        }
    .xunhuan{
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        color:$ft-color-gray;
         }
}

.ft-tab-my {
    font-family : Arial;

  .my-head {
    width:100%;
    height:150px;
    background-color:$ft-color-primary;
    text-align: center;
    position: relative;
  }

  #banner-particles {
    @include full-size;
  }
  
}

